/* 首页的css样式 */

/*banner横幅广告*/
.main-banner {
	height: 700px;
	width: 100%;
	position: relative;
	background: url("../imgs/banner.jpg");
	background-size: cover;
}

.main-banner .banner-content {
	width: 700px;
	height: 200px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -350px;
	margin-top: -100px;
}

.main-banner .banner-content p:nth-child(1) {
	font-size: 60px;
	font-weight: bold;
	font-family: '宋体';
	text-align: center;
}

.main-banner .banner-content p:nth-child(2) {
	position: absolute;
	right: 30px;
	width: 30px;
	height: 60px;
	top: 10px;
}

.main-banner .banner-content p:nth-child(4) {
	width: 10px;
	color: white;
	right: 43px;
	top: 18px;
	position: absolute;
}

/*中国都市生活茶，引领生活新主张文字样式*/
.main-banner .banner-content p:nth-child(5) {
	font-size: 20px;
	font-weight: bold;
	font-family: '宋体';
	color: #6c7a85;
	text-align: center;
	position: absolute;
	top: 80px;
	left: 180px;
}

.banner-content .img1 {
	position: absolute;
	top: -10px;
	right: 17px;
}

/*左按钮*/
.banner-left-btn {
	position: absolute;
	left: 20px;
	top: 50%;
	width: 55px;
	height: 80px;
	margin-top: -40px;
}

/*右按钮*/
.banner-right-btn {
	position: absolute;
	right: 20px;
	top: 50%;
	width: 55px;
	height: 80px;
	margin-top: -40px;
}

/*关于我*/
.main-about-content {
	background-image: url("../imgs/zhu1.jpg");
	background-size: cover;
	height: 180px;
	text-align: center;
}

.main-about-content h2 {
	font-size: 30px;
	padding-top: 55px;
}

.main-about-content p {
	font-size: 14px;
	color: #8b8e95;
	padding-top: 15px;
}

/*公司简介*/
.company-profile {
	background: url("../imgs/23.jpg") no-repeat;
	background-size: 100% 100%;
	height: 457px;
	width: 100%;
	position: relative;
}

.company-profile > .container-center {
	position: relative;
}

.company-profile-content {
	color: white;
	width: 590px;
	height: 500px;
	position: absolute;
	right: -35px;
	top: 10px;
}

.company-profile-content h2 {
	font-size: 24px;
	font-weight: bold;
	color: white;
}

.company-profile-content p:nth-child(2) {
	font-size: 28px;
	color: rgba(255, 255, 255, 0.8);
	margin-top: 7px;

}

.company-profile-content p:nth-child(3) {
	margin-top: 7px;
	line-height: 30px;
	text-indent: 20px;
	text-align: justify;
}

.company-profile-content button {
	width: 150px;
	height: 50px;
	/*去除默认边框*/
	border: none;
	background-color: #33c563;
	margin-top: 20px;
	/*color: white;*/
}

.company-profile-content button a {
	color: white;
}

/*成功案例*/
.main-successful-example {
	height: 600px;
	background-color: #ebf1ef;
}

/*案例版心相对定位*/
.main-successful-example > .container-center {
	position: relative;
}

/*案例标题*/
.main-successful-example .example-text {
	text-align: center;
	height: 165px;
	background: url("../imgs/7zzo.png") no-repeat;
	/*水平方向 垂直方向*/
	background-position: 300px 75px;
}

.main-successful-example .example-text h2 {
	font-size: 30px;
	padding-top: 60px;
	text-align: center;
}

.main-successful-example .example-text p {
	font-size: 14px;
	color: #8b8e95;
	padding-top: 20px;
	text-align: center;
}

/*产品案例*/
.example-product ul li>img {
	width: 330px;
	height: 250px;
}

.example-product ul {
	display: flex;
	justify-content: space-around;
}

.example-product ul li {
	width: 330px;
}

.example-product ul li p:nth-child(2) {
	padding-top: 10px;
}

.example-product ul li p:nth-child(3) {
	font-size: 12px;
	padding-top: 20px;
}

.sprite-left-btn,.sprite-right-btn {
	width: 30px;
	height: 50px;
	position: absolute;
}

.sprite-left-btn {
	left: 0;
	top: 50%;
}

.sprite-right-btn {
	right: 0;
	top: 50%;
}

/*成功案例的按钮*/
.example-product button {
	width: 150px;
	height: 50px;
	/*去除默认边框*/
	border: none;
	background-color:white;
	margin-top: 40px;
	position: absolute;
	left: 520px;
	top: 500px;
	/*color: white;*/
}

/*品牌*/
.main-mj{
	height: 800px;
	background-image: url("../imgs/jwbg.jpg");
	background-size: 100% 100%;
	position:relative;
}
.main-mj .mj-title{
	height: 165px;
	text-align: center;
}
.main-mj .mj-title p:nth-child(1){
	font-size: 30px;
	font-weight: bold;
	padding-top: 67px;
}
.main-mj .mj-title p:nth-child(1)>span{
	color: #02a86a;
}
.main-mj .mj-title p:nth-child(2){
	font-size: 14px;
	color: #959b97;
	padding-top: 20px;
}

/* 毛尖简介 */
.mj-profile{
	position: absolute;
	bottom:5%;
}
.mj-profile ul{
	display: flex;
	justify-content:space-between;
	width: 1200px;
}
.mj-profile ul li{
	width: 375px;
	height: 175px;
	background-image: url("../imgs/mj-box-bg.jpg");
	padding: 30px;
	box-sizing: border-box;
}
.mj-profile ul li p:nth-child(1) {
	font-size: 16px;
	color: #5e5a5b;
	font-weight: bold;
}
.mj-profile ul li p:nth-child(1) img{
	vertical-align: middle;
}
.mj-profile ul li p:nth-child(2){
	color: #918a92;
	font-size: 14px;
	line-height: 22px;
	overflow: hidden;
	height: 85px;
	text-align: justify;
}

/* 产品中心 */
.product-center-title{
	height: 173px;
	background-image: url("../imgs/product-bg.jpg");
	text-align: center;
}
.product-center-title h2{
	font-size: 30px;
	font-weight: bold;
	color: white;
	padding-top: 50px;
}
.product-center-title p{
	font-size: 14px;
	color: white;
	padding-top: 20px;
}


.product-list{
	height: 700px;
}
.product-list ul{
	display: flex;
	justify-content: space-between;
	/* 可以实现换行 */
	flex-wrap: wrap;
}
.product-list ul li{
	width: 250px;
	height: 270px;
	/* 设置盒子边框,宽度1px */
	border: 1px solid #efefef;
	padding: 10px;
	box-sizing: border-box;
	margin-top: 20px;
}
.product-list ul li img{
	width: 220px;
	height: 180px;
	
}
.product-list ul li p:nth-child(2){
	font-size: 14px;
	font-weight: bold;
	padding-top: 5px;
}
.product-list ul li p:nth-child(3){
	font-size: 12px;
	color: #485568;
	padding-top: 5px;
}
.product-list .product-more-example{
	text-align: center;
}
.product-more-example button{
	width: 150px;
	height: 50px;
	border: 1px solid #e0e0e0;
	background-color: white;
	margin-top: 40px;
}


/*合作客户*/
.cooperative-clients {
	height: 570px;
	background-color: white;
	margin-top: 100px;
}

/*版心相对定位*/
.cooperative-clients > .container-center {
	position: relative;
}

/*标题*/
.cooperative-clients .cooperative-text {
	text-align: center;
	height: 165px;
	background: url("../imgs/7zzo.png") no-repeat;
	/*水平方向 垂直方向*/
	background-position: 300px 75px;
}

.cooperative-clients .cooperative-text h2 {
	font-size: 30px;
	padding-top: 60px;
	text-align: center;
}

.cooperative-clients .cooperative-text p {
	font-size: 14px;
	color: #8b8e95;
	padding-top: 20px;
	text-align: center;
}
.cooperative-list ul{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-left: 20px;
	margin-top: 50px;
}
.cooperative-list ul li img{
	margin-top: -5px;
	
}


/* 搜索 */
.search{
	height: 340px;
	background-image: url("../imgs/product-query-bg.jpg");
}
.search h2{
	font-size: 30px;
	text-align: center;
	color: white;
	padding-top: 80px;
}
.search > .container-center {
	position: relative;
}
.search input{
	width: 500px;
	height: 50px;
	border: 0px;
	position: relative;
	margin-left: 315px;
}
.search-title{
	margin-top: 65px;
}
.search-title ul{
	display: flex;
	
}
.search-title ul li button{
	width: 100px;
	height: 50px;
	box-sizing: border-box;
	background-color: #02a86a;
	text-align: center;
	color: white;
	border: none;
}




































